/**
 * 拼团、积分商品列表页样式
 */
.w-210 {
  width: 420rpx !important;
}

.activity-box {
  padding-bottom: calc(0rpx + constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
}

.activity_header {
  background-size: cover;
  position: relative;
  top: 0;
  left: 0;
  // z-index: 9;
  width: 100%;
  /* #ifdef H5 */
  height: 460rpx;
  /* #endif */
  /* #ifndef H5*/
  height: 540rpx;
  /* #endif */
}

.list-box {
  padding-bottom: calc(0rpx + constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
  padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
  position: relative;
  background-color: #f5f5f5;
  border-radius: 40rpx;
  padding: 20rpx 24rpx;
  // z-index: 99;
  /* #ifdef H5 */
  top: -40rpx;
  /* #endif */
  /* #ifndef H5*/
  top: -90rpx;
  /* #endif */
  height: 200rpx;

  .list-item {
    background-color: #fff;
    border-radius: 12px 12px 12px 12px;
    margin-bottom: 20rpx;
  }
}

.group-bottom {
  width: 100%;
  padding: 20rpx;

  .img {
    width: 240rpx;
    height: 240rpx;

    image {
      width: 100%;
      height: 100%;
      border-radius: 20rpx;
    }
  }

  .big-img.img {
    width: 100%;
    height: 324rpx;
  }

  .three-img.img {
    width: 100%;
    height: 210rpx;
  }

  .four-img {
    width: 240rpx;
    height: 240rpx;
  }

  .group-bottom-right {
    width: 400rpx;

    .right-top {
      .title {
        font-size: 28rpx;
        color: #333333;
      }

      .pink {
        margin-top: 16rpx;
        font-size: 22rpx;

        .people {
          background-color: #8B4513;
          color: #fff;
          padding: 4rpx 12rpx;
          border-radius: 8rpx 0 0 8rpx;
        }

        .groupNum {
          color: #8B4513;
          background: rgba(211, 56, 42, 0.1);
          padding: 4rpx 12rpx;
          border-radius: 0 8rpx 8rpx 0;
        }
      }
    }

    .right-bottom {

      .price {

        .pinkNum {

          .pinkNum-num {
            font-weight: 600;
            font-size: 36rpx;
          }
        }

        .num {
          color: #999999;
          font-weight: 400;
          text-decoration-line: line-through;
        }
      }

      .btnBox {
        margin-top: 28rpx;
        font-size: 22rpx;

        .btn {
          padding: 12rpx 20rpx;
          border-radius: 50rpx;
          background: linear-gradient(90deg, #FF7931 0%, #8B4513 100%);
          border-radius: 25px 25px 25px 25px;
          color: #fff;
          font-size: 24rpx;
        }
      }

      .pinkNum-title {
        color: #8B4513;
        font-size: 22rpx;
      }
    }
  }
}